<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .dibu{
            /*background: #ff6700;*/
            width: 100%;
            height: 50%;
            position:absolute;
            top: 1220px;
            left: 10px;
            /*background: url("images/img_7.png");*/
            background: #dddddd;
            background-repeat: no-repeat;
            background-size: 100% auto;
        }
    </style>
</head>
<body>
<div>
<!--    ding-->
<div>

    <ul style="list-style-type: none;
            margin: 0;
            padding: 0;
            overflow: hidden;
            background-color: #333;">
        <li style=" float: left;"><a class="active" href="new1.html" style="display: block;
            color: white;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none">主页</a></li>
        <li style=" float: left;"><a href="serve.html" style="display: block;hover: background-color #111;
            color: white;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;">车辆服务</a></li>
        <li style=" float: left;"><a href="open.html" style="display: block;hover: background-color #111;
            color: white;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;">开放服务</a></li>
        <li style=" float: left;"><a href="About.html" style="display: block;hover: background-color #111;
            color: white;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;">关于我们</a></li>
        <li style=" float: left;"><a href="Login.html" style="display: block;hover: background-color #111;
            color: white;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;">登录/注册</a></li>
    </ul>

</div>
<!--    ding-->
    <div class="banner" style="position: relative;">
             <div class="text" style="    color: #fff;font-size: 52px;
             position: absolute;top: 20%;left: 35%;">开放互联 合作共赢</div>
        <img src="images/img_8.png" style="display: block;width: 100%;">
    </div>
    <div class="textcontainer" style="background-color: #fff;
    text-align: center;padding: 50px 0;">
        <div style="font-weight: 600;text-align: center;font-size: 30px;margin: 20px 0 10px 0;">全案一体化服务</div>
        <div style="font-weight: 500;padding-top: 10px;">完整的网桩车全产业链生态布局，“车网协同 、 智能互联、专业运维”，</div>
        <div style="font-weight: 500;padding-top: 10px;">以强势的整合力量，推动新能源汽车的产业上下游不断发展，全产业链运营，线上线下一体化，致力于做中国影响力的城市级新能源出行服务平台！</div>
    </div>
    <div class="hezhi" style="width: 80%;margin: 30px auto 0;display: flex;justify-content: space-between;">
    <div class="advi-1" style="margin-left: 0;background: #fff;">
        <dl>
            <dt style="width: 120px;height: 120px;margin: 10px auto 40px;">
                <img src="images/img_9.png" style="display: block;
                width: 90%; margin: 5% auto 0;">
            </dt>
            <dd style="color: #595a5b; font-weight: bold;position: absolute;">绿色出行</dd>
        </dl>
    </div>
        <div class="advi-2" style="margin-left: 0;background: #fff;">
            <dl>
                <dt style="width: 120px;height: 120px;margin: 10px auto 40px;">
                    <img src="images/img_10.png" style="display: block;
                width: 90%; margin: 5% auto 0;">
                </dt>
                <dd style="color: #595a5b; font-weight: bold;position: absolute;left: 690px">共享经济</dd>
            </dl>
    </div>
        <div class="advi-3" style="margin-left: 0;background: #fff;">
            <dl>
                <dt style="width: 120px;height: 120px;margin: 10px auto 40px;">
                    <img src="images/img_11.png" style="display: block;
                width: 90%; margin: 5% auto 0;">
                </dt>
                <dd style="color: #595a5b; font-weight: bold;position: absolute;left: 1230px">合作共赢</dd>
            </dl>
        </div>
</div>
    <div class="btns" style="    width: 100%">
        <button class="join" style="background: #3ac57e;    width: 240px;height: 68px;
    border-radius: 32px;color: #fff;margin: 0 16px;font-size: 20px;
    top: 1100px;position: absolute;left: 620px">加入我们</button>
    </div>
    </div>
<!--dibu-->
<div class="dibu">
    <!--        底部-->
    <div   style='position:absolute;left:500px;width:146px; ' _side='0'>
        <div style="font-size: 20px;color:black">用车说明</div>
        <div style="font-size: 12px;line-height: 40px"><a href="#" style="color:black">预约用车</a></div>
        <div style="font-size:12px;line-height: 40px"><a href="#" style="color:black">网点取车</a></div>
        <div style="font-size: 12px;line-height: 40px"><a href="#" style="color:black">投放车型</a></div>
        <div style="font-size: 12px;line-height: 40px"><a href="#" style="color:black">平台保障</a></div>
        <div style="font-size: 12px;line-height: 40px"><a href="#" style="color:black">商务合作</a></div>
    </div>





    <div   style='position:absolute;left:700px;width:146px; ' _side='0'>
        <div style="font-size: 20px;color:black">紧急事务</div>
        <div style="font-size: 12px;line-height: 40px"><a href="#" style="color:black">事故处理</a></div>
        <div style="font-size: 12px;line-height: 40px"><a href="#" style="color:black">保险理赔</a></div>
        <div style="font-size: 12px;line-height: 40px"><a href="#" style="color:black">救援服务</a></div>
        <div style="font-size: 12px;line-height: 40px"><a href="#" style="color:black">常见问题</a></div>
        <div style="font-size: 12px;line-height: 40px"><a href="#" style="color:black">联系我们</a></div>
    </div>


    <div   style='position:absolute;left:900px;width:146px; ' _side='0'>
        <div style="font-size: 20px;color:black">费用问题</div>
        <div style="font-size: 12px;line-height: 40px"><a href="#" style="color:black">费用说明</a></div>
        <div style="font-size: 12px;line-height: 40px"><a href="#" style="color:black">停车支付</a></div>
        <div style="font-size: 12px;line-height: 40px"><a href="#" style="color:black">违章押金</a></div>
        <div style="font-size: 12px;line-height: 40px"><a href="#" style="color:black">找停车点</a></div>
        <div style="font-size: 12px;line-height: 40px"><a href="#" style="color:black">费用明细</a></div>
    </div>

</div>
    <!--dibu-->
</body>
</html>